<template>
  <div id="app">
    <el-container>
      <el-header>
        <div
          style="height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; display: flex;background-color: #545c64">
          <div style="width: 200px; padding-left: 30px; font-weight: bold; color: dodgerblue">后台管理</div>
          <div style="flex: 1"></div>
          <div style="width: 100px">
            <el-dropdown>
  <span class="el-dropdown-link" style="color: dodgerblue">
    下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
  </span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item>黄金糕</el-dropdown-item>
                <el-dropdown-item>狮子头</el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
        </div>
      </el-header>
      <el-container>
        <el-aside>
          <el-menu
            style=" width: 200px ;height: 500px;margin-left: 20px"
            default-active="2"
            class="el-menu-vertical-demo"
            background-color="#545c64"
            text-color="#fff"
            active-text-color="#ffd04b">
            <el-submenu index="1">
              <template slot="title" >
                <span>仓库管理</span>
              </template>
              <el-menu-item-group>

                <el-menu-item index="1-1">
                  <router-link to='/addWarehouse'>添加仓库</router-link>
                </el-menu-item>
                <el-menu-item index="1-2" ><span><router-link to='/login'>出库管理</router-link></span></el-menu-item>
                <el-menu-item index="1-3"><span>入库管理</span></el-menu-item>
                <el-menu-item index="1-4"><span>入库管理</span></el-menu-item>
                <el-menu-item index="1-5">
                  <el-dropdown>
           <span class="el-dropdown-link" style="color: dodgerblue">
            盘点<i class="el-icon-arrow-down el-icon--right"></i>
           </span>
                    <el-dropdown-menu>
                      <el-dropdown-item><span>临时盘点</span></el-dropdown-item>
                      <el-dropdown-item><span>盘点设置</span></el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
                </el-menu-item>

                <el-menu-item index="1-6"><span>退货</span></el-menu-item>
                <el-menu-item index="1-7"><span>损耗申请</span></el-menu-item>

              </el-menu-item-group>
            </el-submenu>


            <el-submenu index="9">
            <template slot="title" >
              <span>运营商管理</span>
            </template>
              <el-menu-item-group>
                <el-menu-item index="9-1"><router-link to='/AccMangemeent'>账号管理</router-link></el-menu-item>
              </el-menu-item-group>
            </el-submenu>

            <el-submenu index="10">
              <template slot="title" >
                <span>审批管理</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="10-1"><router-link to='/OperatonApplication'>运营商审批</router-link></el-menu-item>
                <el-menu-item index="10-2"><router-link to='/SupplierApplication'>供应商审批</router-link></el-menu-item>
                <el-menu-item index="10-3"><router-link to='/LossApplication'>耗损审批</router-link></el-menu-item>
                <el-menu-item index="10-4"><router-link to='/ReturnApproval'>退货审批</router-link></el-menu-item>
              </el-menu-item-group>
            </el-submenu>

            <el-menu-item index="82">
              <i class="el-icon-location"></i>
              <span slot="title"><router-link to='/Logintest'>登入</router-link></span>
            </el-menu-item>

            <el-menu-item index="87">
              <i class="el-icon-location"></i>
              <span slot="title"><router-link to='/Rigter'>注册</router-link></span>
            </el-menu-item>
            <el-menu-item index="88">
              <i class="el-icon-location"></i>
              <span slot="title"><router-link to='/Hk'>滑块验证demo</router-link></span>
            </el-menu-item>
            <el-menu-item index="48">
              <i class="el-icon-location"></i>
              <span slot="title"><router-link to='/PictureDemo'>图片上传测试demo</router-link></span>
            </el-menu-item>

            <el-menu-item index="4">
              <i class="el-icon-location"></i>
              <span slot="title"><router-link to='/Map'>地图</router-link></span>
            </el-menu-item>
          </el-menu>
        </el-aside>
        <el-main style="height: 500px;margin-left: 20px"
                 default-active="2"
                 class="el-menu-vertical-demo"
                 text-color="#fff">
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
